<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <link rel="shortcut icon" href="./main/img/favicon.ico">
    <meta name="description" content="Bootstrap Admin App + jQuery">
    <meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
    <title>培训系统</title>
    <script type="text/javascript" src="webjars/fw-web/main/common/vue-boot.js"></script>
    <script type="text/javascript" src="webjars/fw-web/main/common/RSA.js"></script>
    <link rel="stylesheet" href="./login.css">
</head>
<body>
<div id="app" v-cloak style="padding: 0;margin: 0;">
    <template>
        <el-container>
            <el-header>培训演示平台</el-header>
            <el-main>
                <el-card class="box-card">
                    <div slot="header" class="card-header"><span>用户登录</span></div>
                    <el-form :model="loginForm" busiStatus-icon :rules="loginRule" ref="loginForm" label-width="0px">
                        <el-form-item prop="loginName">
                            <el-row :gutter="20">
                                <el-col :span="24">
                                    <el-input v-model="loginForm.loginName" placeholder="登录名"
                                              @focus="resetValidate('loginNameMsg')" style="width: 100%"
                                              prefix-icon="iconfont icon-yonghu"
                                              @keyup.enter.native="submitForm('loginForm')" auto-complete="off"
                                              :maxlength="11" :minlength="11">
                                    </el-input>
                                </el-col>
                            </el-row>
                            <el-row :gutter="20" v-show="loginNameMsg != ''">
                                <el-col :span="24" class="errMsg"><span v-text="loginNameMsg"></span></el-col>
                            </el-row>
                        </el-form-item>
                        <el-form-item prop="password">
                            <el-row :gutter="20">
                                <el-col :span="24">
                                    <el-input v-model="loginForm.password" placeholder="密码"
                                              @focus="resetValidate('passwordMsg')" style="width: 100%"
                                              prefix-icon="iconfont icon-mima"
                                              @keyup.enter.native="submitForm('loginForm')" auto-complete="off"
                                              type="password"></el-input>
                                </el-col>
                            </el-row>
                            <el-row :gutter="20" v-show="passwordMsg != ''">
                                <el-col :span="24" class="errMsg"><span v-text="passwordMsg"></span></el-col>
                            </el-row>
                        </el-form-item>
                        <el-form-item>
                            <el-button :loading="loginLoading" type="primary" @click="submitForm('loginForm')" style="width: 100%">
                                <span v-text="loginBtnMsg"></span>
                            </el-button>
                        </el-form-item>
                    </el-form>
                </el-card>
            </el-main>
            <el-footer>
                <span>业精于勤；荒于嬉；行成于思；毁于随</span>
            </el-footer>
        </el-container>
    </template>
</div>
<script type="text/javascript" src="./login.js"></script>
</body>